<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>BON CAKE官网-高颜值的甜</title>
    <link rel="shortcut icon" href="https://www.boncake.com.cn/public/app/site/statics/logol.ico">
    <link rel="stylesheet" href="../css/xwcd.css">
    <link rel="import" href="../html/header.html">
    <link rel="stylesheet" href="../css/header.css">
    <script src="../js/jquery-1.9.1.min.js"></script>
    <script src="../js/xwcd.js"></script>
    <style>
        #header{
            overflow: hidden;
            width: 100%;
            height: 120px;
        }
        #footer{
            /* overflow: hidden; */
            width: 100%;
            height: 250px;
            margin-top: 20px;
        }
    </style>
</head>

<body>
    <!-- ---------top----------- -->
    <div id="header"></div>

        
        </div>

    <!-- ----------轮播---------------- -->
    <div id="lunbo">
        <ul>
            <li><img src="http://www.boncake.com.cn/public/images/af/1b/ae/789ad8b278c8a67d0868315b1c915fa4a1e06d3b.jpg?1602238832#w"
                    alt=""></li>
            <li><img src="http://www.boncake.com.cn/public/images/af/1b/ae/789ad8b278c8a67d0868315b1c915fa4a1e06d3b.jpg?1602238832#w"
                    alt=""></li>
            <li><img src="http://www.boncake.com.cn/public/images/af/1b/ae/789ad8b278c8a67d0868315b1c915fa4a1e06d3b.jpg?1602238832#w"
                    alt=""></li>
            <div class="prev"><img src="https://www.boncake.com.cn/themes/boncake/images/img/left-go.png" alt=""></div>
            <div class="next"><img src="https://www.boncake.com.cn/themes/boncake/images/img/right-go.png" alt=""></div>
        </ul>
    </div>
    <!-- ------------main------------ -->
    <div id="main" class="con">

        <img src="https://www.boncake.com.cn/public/images/90/2c/0e/9483dc87bdde9448d3e212c8d9d681753c25e57a.jpg?1602232073#h"
            alt="">

        <section>
            <h2 class="title">炫酷星球 </h2>
            <p class="en"> TEA TIME</p>
            <a class="btn" target="_blank" href="gx-list.html">更多</a>
            <img class="icon" src="https://www.boncake.com.cn/themes/boncake/images/img/more-down.png" alt="">
        </section>
        <div class="activity">
            <h2 class="red-packet">注册官网｜账户即享100元礼包</h2>
            <p class="give">储值最高可送￥1248</p>
            <p class="date">2019.02.01-2019.03.01</p>
            <p class="date">点击<a href="https://www.boncake.com.cn/index.php/member-person_center.html"
                    type="url">了解详情</a></p>
        </div>
    </div>
    <!-- -----------main2--------- -->
    <div id="main2" class="con">
        <a href=""><img
                src="https://www.boncake.com.cn/public/images/55/d9/22/a6f59482c53720dd2c0f1849e45310fd305ea85b.jpg?1602232080#h"
                alt=""></a>
    </div>

    <!-- -----------main3--------- -->

    <div class="page-wrapper con">
        <ul class="hot-cake">
            <li class="pro-media">
                <div class="pro-img-box">
                    <a href="javascript:;">
                        <img class="pro-pic"
                            src="https://www.boncake.com.cn/public/images/90/ea/c1/034874b7d5c5e096017ea34e36246f5e66faa659.jpg?1601360749#h"
                            alt="">
                    </a>
                </div>


                <div class="pro-media-desc">
                    <div class="pro-en-name">
                        <span>Muxing Juvenile Planet</span>
                    </div>
                    <div class="pro-cn-name">
                        <span>牧星少年</span>
                    </div>
                    <div class="pro-price">
                        <span>￥238</span>
                    </div>
                    <button class="pro-buy" type="button">
                        <img class="btn-icon" src="https://www.boncake.com.cn/themes/boncake/images/img/btn-cart-icon.png" alt="">
                        <span>购买</span>
                    </button>
                </div>
            </li>
            <li class="pro-media">
                <div class="pro-img-box">
                    <a href="javascript:;">
                        <img class="pro-pic"
                            src="https://www.boncake.com.cn/public/images/c5/71/f0/9f0bc360bf1f812fecf444d385d36704833eb6c9.jpg?1601360280#h"
                            alt="">
                    </a>
                </div>
                <div class="pro-media-desc">
                    <div class="pro-en-name">
                        <span>Romantik Planet</span>
                    </div>
                    <div class="pro-cn-name">
                        <span>罗曼蒂克</span>
                    </div>
                    <div class="pro-price">
                        <span>￥218</span>
                    </div>
                    <button  class="pro-buy" type="button">
                        <img class="btn-icon" src="https://www.boncake.com.cn/themes/boncake/images/img/btn-cart-icon.png" alt="">
                        <span>购买</span>
                    </button>
                </div>
            </li>
            <li class="pro-media">
                <div class="pro-img-box">
                    <a href="javascript:;">
                        <img class="pro-pic"
                            src="https://www.boncake.com.cn/public/images/42/10/5e/c6e17991dfa67ff3f92382a7d983b816f8c9d04f.jpg?1601359510#h"
                            alt="">
                    </a>
                </div>
                <div class="pro-media-desc">
                    <div class="pro-en-name">
                        <span>Romantik Planet</span>
                    </div>
                    <div class="pro-cn-name">
                        <span>爱神之翼</span>
                    </div>
                    <div class="pro-price">
                        <span>￥288</span>
                    </div>
                    <button  class="pro-buy" type="button">
                        <img class="btn-icon" src="https://www.boncake.com.cn/themes/boncake/images/img/btn-cart-icon.png" alt="">
                        <span>购买</span>
                    </button>
                </div>
            </li>
            <li class="pro-media noborderright">
                <div class="pro-img-box">
                    <a href="javascript:;">
                        <img class="pro-pic"
                            src="https://www.boncake.com.cn/public/images/d0/83/b2/23d88051b1baabdab04c203a8a2862cb87c06448.jpg?1568975819#h"
                            alt="">
                    </a>
                </div>
                <div class="pro-media-desc">
                    <div class="pro-en-name">
                        <span>Libra</span>
                    </div>
                    <div class="pro-cn-name">
                        <span>天秤座</span>
                    </div>
                    <div class="pro-price">
                        <span>￥268</span>
                    </div>
                    <button  class="pro-buy" type="button">
                        <img class="btn-icon" src="https://www.boncake.com.cn/themes/boncake/images/img/btn-cart-icon.png" alt="">
                        <span>购买</span>
                    </button>
                </div>
            </li>
        </ul>
    </div>
    <!-- -----------main4---------  -->

    <div id="main4" class="con">
        <a href=""><img
                src="https://www.boncake.com.cn/public/images/1a/bd/8e/477738a0370d604d0c883f2f7eb793d312546c4c.jpg?1602232086#h"
                alt=""></a>
    </div>



    <!-- ------------------main5------------- -->


    <div id="main5" class="con">
        <div class="page-wrapper">
            <ul class="hot-cake">
                <li class="pro-media">
                    <div class="pro-img-box">
                        <a href="javascript:;">
                            <img class="pro-pic"
                                src="https://www.boncake.com.cn/public/images/d2/b2/8f/381a810bcfff493e399b20104e7d6c86c860e4aa.jpg?1561458729#h"
                                alt="">
                        </a>
                    </div>
    
    
                    <div class="pro-media-desc">
                        <div class="pro-en-name">
                            <span>Peach Blossom Planet</span>
                        </div>
                        <div class="pro-cn-name">
                            <span>桃红星球</span>
                        </div>
                        <div class="pro-price">
                            <span>￥268</span>
                        </div>
                        <button  class="pro-buy" type="button">
                            <img class="btn-icon" src="https://www.boncake.com.cn/themes/boncake/images/img/btn-cart-icon.png" alt="">
                            <span>购买</span>
                        </button>
                    </div>
                </li>
                <li class="pro-media">
                    <div class="pro-img-box">
                        <a href="javascript:;">
                            <img class="pro-pic"
                                src="https://www.boncake.com.cn/public/images/d5/67/13/a1148fe9ff87b1bd28c0a411b1a059598f43f2b2.jpg?1593779293#h"
                                alt="">
                        </a>
                    </div>
                    <div class="pro-media-desc">
                        <div class="pro-en-name">
                            <span>Blue Planet</span>
                        </div>
                        <div class="pro-cn-name">
                            <span>蓝色星球</span>
                        </div>
                        <div class="pro-price">
                            <span>￥248</span>
                        </div>
                        <button  class="pro-buy" type="button">
                            <img class="btn-icon" src="https://www.boncake.com.cn/themes/boncake/images/img/btn-cart-icon.png" alt="">
                            <span>购买</span>
                        </button>
                    </div>
                </li>
                <li class="pro-media">
                    <div class="pro-img-box">
                        <a href="javascript:;">
                            <img class="pro-pic"
                                src="https://www.boncake.com.cn/public/images/f4/6e/70/34851b2c41c04dfe77c164ece3e76b61ea28e65a.jpg?1561459208#h"
                                alt="">
                        </a>
                    </div>
                    <div class="pro-media-desc">
                        <div class="pro-en-name">
                            <span>Golden Planet</span>
                        </div>
                        <div class="pro-cn-name">
                            <span>金色星球</span>
                        </div>
                        <div class="pro-price">
                            <span>￥268</span>
                        </div>
                        <button  class="pro-buy" type="button">
                            <img class="btn-icon" src="https://www.boncake.com.cn/themes/boncake/images/img/btn-cart-icon.png" alt="">
                            <span>购买</span>
                        </button>
                    </div>
                </li>
                <li class="pro-media noborderright">
                    <div class="pro-img-box">
                        <a href="javascript:;">
                            <img class="pro-pic"
                                src="https://www.boncake.com.cn/public/images/ad/22/ce/9543ba166aae76a6b8ba0377635dc0ac992f5ee8.jpg?1561459222#h"
                                alt="">
                        </a>
                    </div>
                    <div class="pro-media-desc">
                        <div class="pro-en-name">
                            <span>Ruby Planet</span>
                        </div>
                        <div class="pro-cn-name">
                            <span>红宝石星球</span>
                        </div>
                        <div class="pro-price">
                            <span>￥288</span>
                        </div>
                        <button  class="pro-buy" type="button">
                            <img class="btn-icon" src="https://www.boncake.com.cn/themes/boncake/images/img/btn-cart-icon.png" alt="">
                            <span>购买</span>
                        </button>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <br><br>
    <div id="footer"></div>

    <script src="../js/header.js"></script>
    <script src="../js/footer.js"></script>
    <script>
        setTimeout(function () {
            $('header .nav-menu .nav-a').removeClass('active')
            $('header .nav-menu .nav-a:nth-of-type(4)').addClass('active')
        }, 2000)
    </script>
</body>

</html>